<template>
  <div class="container">
    <card-panel-vue></card-panel-vue>
    <pie-chart-vue></pie-chart-vue>
    <bar-chart-vue></bar-chart-vue>
    <!-- <div id="main" style="height: 200px; width: 200px"></div> -->
  </div>
</template>

<script>
import barChartVue from './components/barChart.vue';
import cardPanelVue from "./components/cardPanel.vue";
import pieChartVue from "./components/pieChart.vue";

export default {
  components: {
    cardPanelVue,
    pieChartVue,
    barChartVue
  },
  data() {
    return {};
  },
  mounted() {
  },
  methods: {
  },
};
</script>

<style lang="scss" scoped>
</style>